<!-- #### 行高-垂直居中

- 行高属性值等于盒子高度属性值 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>通过行高设置垂直居中</title>
    <style>
        div {
            /* 盒子行高 */
            height: 100px;
            /* 盒子背景色 */
            background-color: skyblue;

            /* 文字行高 */
            line-height: 100px;
        }

    </style>
</head>
<body>
    <!-- 只能单行文字垂直居中 -->
    <div>单行文字</div>
</body>
</html>
